		<meta name="description" content="3 styles with inline editable feature">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="icon" href="images/favicon.png">
		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="ypstyle/bootstrap.min.css">
		<link rel="stylesheet" href="ypstyle/font-awesome.min.css">

		<!-- page specific plugin styles -->
		<link rel="stylesheet" href="ypstyle/jquery-ui.custom.min.css">
		<link rel="stylesheet" href="ypstyle/jquery.gritter.css">
		<link rel="stylesheet" href="ypstyle/select2.css">
		<link rel="stylesheet" href="ypstyle/datepicker.css">
		<link rel="stylesheet" href="ypstyle/bootstrap-editable.css">

		<!-- text fonts -->
		<link rel="stylesheet" href="ypstyle/ace-fonts.css">

		<!-- ace styles -->
		<link rel="stylesheet" href="ypstyle/ace.min.css" id="main-ace-style">

		<!--[if lte IE 9]>
			<link rel="stylesheet" href="../assets/css/ace-part2.min.css" />
		<![endif]-->
		<link rel="stylesheet" href="ypstyle/ace-skins.min.css">
		<link rel="stylesheet" href="ypstyle/ace-rtl.min.css">

		<!--[if lte IE 9]>
		  <link rel="stylesheet" href="../assets/css/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="ypstyle/ace-extra.min.js"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="../assets/js/html5shiv.min.js"></script>
		<script src="../assets/js/respond.min.js"></script>
		<![endif]-->